<template>
  <v-ons-page>
    <!-- 用户 -->
    <div class="user-group">
      <div class="user-face">
        <img
          src="../../assets/resource/consumer/user/face.jpg"
          alt="">
      </div>
      <div class="user-info">
        <div class="user-name">
          搁浅。
        </div>
        <div class="tag-group">
          <span class="tag-item" @click="enterPage({path:'/ConsumerLabelSetting'})" v-for="item in 5">文件{{item}}</span>
        </div>
      </div>
      <div class="share-poster">
        <img
          src="../../assets/resource/consumer/user/share-icon.png"
          alt="">
      </div>
    </div>

    <!-- 订单入口 -->
    <!--<div class="order-ingress">
      <div class="ingress-item">
        <img src="../../assets/resource/consumer/user/order-icon1.png" alt="">
        <p>待接单</p>
      </div>
      <div class="ingress-item">
        <img src="../../assets/resource/consumer/user/order-icon2.png" alt="">
        <p>运行中</p>
      </div>
      <div class="ingress-item">
        <img src="../../assets/resource/consumer/user/order-icon3.png" alt="">
        <p>已完成</p>
      </div>
      <div class="ingress-item">
        <img src="../../assets/resource/consumer/user/order-icon4.png" alt="">
        <p>已取消</p>
      </div>
    </div>-->

    <div class="style1" v-if="theme == 1">
      <!-- 菜单 -->
      <div class="menu-group">
        <v-ons-list class="list">
          <v-ons-list-item @click="enterPage({path:'/ConsumerWallet'})" class="list-item" modifier="chevron" tappable>
            <img
              src="../../assets/resource/consumer/user/icon1.png" alt=""/>钱包
          </v-ons-list-item>
          <v-ons-list-item @click="enterPage({path:'/ConsumerCouponManagement'})" class="list-item" modifier="chevron"
                           tappable><img
            src="../../assets/resource/consumer/user/icon2.png" alt=""/>优惠券
          </v-ons-list-item>
          <!--<v-ons-list-item class="list-item" modifier="chevron" tappable><img
            src="../../assets/resource/consumer/user/icon4.png" alt=""/>我的订单
          </v-ons-list-item>-->
          <v-ons-list-item @click="enterPage({path:'/ConsumerAddressManagement'})" class="list-item" modifier="chevron"
                           tappable><img
            src="../../assets/resource/consumer/user/icon3.png" alt=""/>我的地址
          </v-ons-list-item>
          <v-ons-list-item class="list-item" modifier="chevron" tappable><img
            src="../../assets/resource/consumer/user/icon2.png" alt=""/>领卷中心
          </v-ons-list-item>
        </v-ons-list>

        <v-ons-list class="list">
          <v-ons-list-item @click="enterPage({path:'/ConsumerMemberCenter'})" class="list-item" modifier="chevron"
                           tappable><img
            src="../../assets/resource/consumer/user/icon11.png" alt=""/>会员中心
          </v-ons-list-item>
          <v-ons-list-item @click="enterPage({path:'/ConsumerMessageManagement'})" class="list-item" modifier="chevron"
                           tappable><img
            src="../../assets/resource/consumer/user/icon10.png" alt=""/>消息管理
          </v-ons-list-item>
        </v-ons-list>

        <v-ons-list class="list">
          <v-ons-list-item @click="enterPage({path:'/ServiceBaseLayout'})" class="list-item" modifier="chevron"
                           tappable><img
            src="../../assets/resource/consumer/user/icon6.png" alt=""/>加入跑腿
          </v-ons-list-item>
          <v-ons-list-item @click="enterPage({path:'/ModuleHome'})" class="list-item" modifier="chevron" tappable><img
            src="../../assets/resource/consumer/user/icon12.png" alt=""/>模块管理
          </v-ons-list-item>
        </v-ons-list>

        <v-ons-list class="list">
          <v-ons-list-item @click="enterPage({path:'/ConsumerAdvise'})" class="list-item" modifier="chevron" tappable>
            <img
              src="../../assets/resource/consumer/user/icon7.png" alt=""/>意见反馈
          </v-ons-list-item>
          <v-ons-list-item class="list-item" modifier="chevron" tappable><img
            src="../../assets/resource/consumer/user/icon9.png" alt=""/>联系客服
          </v-ons-list-item>
        </v-ons-list>
      </div>
    </div>

    <div class="style2" v-if="theme == 2">
      <div class="menu-group">
        <div class="menu-item" v-for="i in 12">
          <img src="../../assets/resource/consumer/user/icon9.png" alt=""/>
          <p>联系客服</p>
        </div>
      </div>
    </div>
  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {
        theme: 2,
      };
    },
    methods: {
      enterPage({path: path}) {
        this.$router.push({
          path: path
        });
      }
    },
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/consumer/user.less";
</style>
